<template>
  <div>
    <yd-navbar title="修改密码" bgcolor="#008eff" color="#ffffff">
      <router-link to="#" slot="left">
        <yd-navbar-back-icon color="#ffffff"></yd-navbar-back-icon>
      </router-link>
    </yd-navbar>
        <yd-cell-group>
        <yd-cell-item>
            <yd-input slot="right" max="20" placeholder="旧密码"></yd-input>
        </yd-cell-item>
        <yd-cell-item>
            <yd-input slot="right" max="20" placeholder="新密码"></yd-input>
        </yd-cell-item>
        <yd-cell-item>
            <yd-input slot="right" max="20" placeholder="确认密码"></yd-input>
        </yd-cell-item>
        <yd-button size="large" type="primary" disabled >确认并保存 </yd-button>
    </yd-cell-group>
  </div>
</template>

<script>

</script>

<style>
  body{
    font-family: "微软雅黑";
    background-color: #ffffff;
  }
  .m-input>.input-success:after {
    content: "";
    color: #09bb07;
    font-size: .4rem;
  }
  .cell-item:not(:last-child):after{
    margin-left: 0;
  }
  .m-cell{
      width: 90%;
      margin: auto;
      margin-top: 20px;
  }
</style>
